// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base' as *;
@use 'partials/core' as *;

.track-list {
  list-style-type: none;
  padding-left: 0;

  .track-row {
    padding: 10px 10px 0 10px;

    &:last-child {
      margin-bottom: 150px;
    }

    .i-box-header {
      margin-bottom: 0;
    }

    .i-box-content {
      word-wrap: break-word;
      padding: 10px 0;
    }

    .default-session::before {
      font-size: 0.9em;
    }

    .i-label.default-session {
      border-color: transparent;
    }
  }

  .track-content-collapsible {
    cursor: pointer;
  }

  .track-content-collapsed {
    @extend .transparent-overlay;
    max-height: 50px;
    overflow: hidden;
  }
}

.embedded-track-list {
  padding: 30px 20px;
  border: 1px solid $pastel-gray;
  background-color: $light-gray;
  margin: 10px 0;
}

.track-group-handle {
  background-color: $dark-gray !important;
}

.no-tracks-message {
  color: $dark-gray;
}

.no-tracks-message:not(:only-child) {
  display: none;
}

.track-placeholder {
  background: $light-gray;
  border: 1px dashed $gray;
  margin-bottom: 15px;
}

.track-review-list {
  ul {
    padding-left: 10px;
  }
}

.track-review-row {
  list-style-type: none;

  .title {
    font-size: 14pt;
  }

  .label {
    background-color: $gray;
    border: none;
    cursor: default;
    display: inline-block;
    margin: 10px 5px 10px 0;
    padding: 3px;

    &.no-unreviewed {
      background-color: $green;
    }
  }
}

ul.tracks {
  list-style-type: none;
  padding-left: 0;

  > li {
    color: $black;

    &:not(:first-child) {
      margin-top: 2em;
    }

    .track-title {
      @include border-bottom($separator-color);
      margin-bottom: 1em;

      .track-code {
        color: $dark-yellow;
      }

      .track-link {
        margin-left: 0.5em;
        font-size: 1.5em;
      }

      h3 {
        margin: 0;
      }
    }

    .description {
      color: $light-black;
    }
  }
}

ul.sub-tracks {
  list-style-type: none;
  padding-left: 30px;

  > li:not(:first-child) {
    margin-top: 2em;
  }

  > li .track-title > h3 {
    font-size: 14px !important;
  }
}
